<template>
  <view>
    <view class="back flex a-c j-c" @click="show">
      <u-icon
        name="kefu-ermai"
        :size="50"
        label="客服"
        label-size="24"
        label-pos="bottom"
        label-color="#fff"
      ></u-icon>
    </view>
    <service-modal ref="service_modal" />
  </view>
</template>

<script>
export default {
  name: "service-icon",
  methods: {
    show() {
      this.$refs.service_modal.show();
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.back {
  width: 110rpx;
  background-image: linear-gradient(
    107deg,
    rgb(13, 198, 180) 8.1%,
    rgb(33, 198, 138) 79.5%
  );

  height: 110rpx;
  color: #fff;
  position: fixed;
  right: 3%;
  bottom: 25%;
  border-radius: 50%;
  z-index: 9999;
}
</style>
